<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./favicon.ico">
    <title>河南省青少年作家协会</title>

    <link rel="stylesheet" href="./reliance/swiper10.3.1/swiper-bundle.min.css">

    <link rel="stylesheet" href="./css/default.css">
    <link rel="stylesheet" href="./css/header.css">

    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/footer.css">
    <!-- <link rel="stylesheet" href="./css/activity.css"> -->
    <link rel="stylesheet" href="./css/activity_details.css">


    <!-- 首页 -->
    <link rel="stylesheet" href="./css/home.css">
    <!-- 协会简介 -->
    <link rel="stylesheet" href="./css/association_profile.css">
    <!-- --活动详情页面-- -->
    <link rel="stylesheet" href="./css/locations.css">
    <!-- 活动列表页面 -->
    <link rel="stylesheet" href="./css/activity_list.css">
    <!-- 理事单位 -->
    <link rel="stylesheet" href="./css/governing_units.css">
    <!-- 会员风采 -->
    <link rel="stylesheet" href="./css/vipf.css">

    <!-- 位置页面 -->
    <!-- <link rel="stylesheet" href="./css/bulletin.css"> -->
    <!-- --协会公告页面-- -->
    <link rel="stylesheet" href="./css/bulletin_list.css">
    <!-- 协会公告列表页面 -->
    <link rel="stylesheet" href="./css/bulletin_deatils.css">
    <!-- --在线投稿-- -->
    <link rel=" stylesheet" href="./css/submission.css">
    <!-- 二级下属机构 -->
    <link rel=" stylesheet" href="./css/level_two.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class=" logo_boxx">

            <!-- logo框 -->
            <div class="logo_box">
                <div class="letf_logo_box">
                    <img src="./assets/image.png" alt="河南省青少年作家协会">
                    <!-- <div class="left_logo_title">
                    <h1>河南省青少年作家协会</h1>
                    <p>HENAN YOUTH WRITERS ASSOCIATION</p>
                </div> -->
                </div>

                <!-- 会员入口 -->
                <div class="vip_ent">
                    会员入口
                </div>

                <!-- 移动端菜单收缩按钮 -->
                <div class="menu_btn">
                    <img src="./assets/wap_nav_btn_03.png" alt="" srcset="">
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav_box">
            <ul class="nav_list_box moNavBtnHide">
                <li class="li_item sel" name="0" path="/0">首页</li>
                <li class="li_item" name="1" path="/1">协会简介</li>
                <li class="li_item" name="2" path="/2">协会公告</li>
                <li class="li_item" name="3" path="/3">近期活动</li>
                <li class="li_item" name="4" path="/4">理事单位</li>
                <li class="li_item" name="5" path="/5">会员风采</li>
                <li class="li_item" name="6" path="/6">在线投稿</li>
                <li class="li_item" name="7" path="/7">下属二级机构</li>
            </ul>
        </div>
    </header>
    <!-- 轮播图 -->
    <div class="swiper_box">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./assets/banner_one.jpg" alt="" srcset="">
                </div>
                <div class="swiper-slide">
                    <img src="./assets/banner_tow.jpg" alt="" srcset="">

                </div>
                <div class="swiper-slide">
                    <img src="./assets/index-banner-01.png" alt="" srcset="">

                </div>
                <div class="swiper-slide">
                    <img src="./assets/index-banner-02.png" alt="" srcset="">

                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
    </div>
    <!-- 主要内容 -->
    <main>
        <!-- 位置显示 -->
        <div class="location" style="display: block;">
            <!-- 位置显示 -->
            <div class="title">
                <div class="juxing">
                    <div class="img1" src="" alt="">
                    </div>
                    <div class="img2" src="" alt="">
                    </div>
                </div>
                <div class="location_title_text">
                    <p>您所在的位置：</p>
                    <ul class="location_text">
                        <!-- <li onclick="">位置</li> -->
                    </ul>
                </div>
            </div>
            <hr>
        </div>
        <!-- 首页 -->
        <div class="home_box" style="display: block;">
            <!-- 协会公告 -->
            <div class="home_conten">
                <div class="home_conten_box">
                    <!-- 头部标题 -->
                    <div class="conten_title">
                        <!-- 标题左侧 -->
                        <div class="conten_title_left">
                            <span>
                                Association Announcement
                            </span>
                            <p>
                                协会公告.
                            </p>
                        </div>
                        <div class="conten_title_right">
                            <p>
                                查看更多新闻+
                            </p>
                        </div>

                    </div>

                    <!-- 内容 -->
                    <div class="home_notice_content">
                        <!-- 内容左侧 -->
                        <div class="home_content_left">

                        </div>
                        <!-- 内容右侧 -->
                        <div class="home_content_right">
                            <ul>
                                <li class="notice_item_box">
                                    <div class="notice_item">
                                        <h5 class="notice_item_title">
                                            河南省青少年作家协会换届大会暨“书香品牌”建设师资培训河南省青少年作家协会换届大会暨“书香品牌”建设师资培训
                                        </h5>
                                        <p class="notice_item_con">
                                            河南省青少年作家协会换届大会暨“书香品牌”建设师资培训大会在郑州举办,河南省青少年作家协会换届大会暨“书香品牌”建设师资培训大会在郑州举
                                        </p>
                                        <div class="notice_item_time">
                                            <span>
                                                2024.03.24
                                            </span>
                                            <span>
                                                查看更多+
                                            </span>
                                        </div>
                                    </div>
                                </li>
                                <li class="notice_item_box">
                                    <div class="notice_item">
                                        <h5 class="notice_item_title">
                                            河南省青少年作家协会换届大会暨“书香品牌”建设师资培训河南省青少年作家协会换届大会暨“书香品牌”建设师资培训
                                        </h5>
                                        <p class="notice_item_con">
                                            河南省青少年作家协会换届大会暨“书香品牌”建设师资培训大会在郑州举办,河南省青少年作家协会换届大会暨“书香品牌”建设师资培训大会在郑州举
                                        </p>
                                        <div class="notice_item_time">
                                            <span>
                                                2024.03.24
                                            </span>
                                            <span>
                                                查看更多+
                                            </span>
                                        </div>
                                    </div>
                                </li>
                                <li class="notice_item_box">
                                    <div class="notice_item">
                                        <h5 class="notice_item_title">
                                            河南省青少年作家协会换届大会暨“书香品牌”建设师资培训河南省青少年作家协会换届大会暨“书香品牌”建设师资培训
                                        </h5>
                                        <p class="notice_item_con">
                                            河南省青少年作家协会换届大会暨“书香品牌”建设师资培训大会在郑州举办,河南省青少年作家协会换届大会暨“书香品牌”建设师资培训大会在郑州举
                                        </p>
                                        <div class="notice_item_time">
                                            <span>
                                                2024.03.24
                                            </span>
                                            <span>
                                                查看更多+
                                            </span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 近期活动 -->
            <div class="home_conten">
                <div class="home_conten_box">
                    <!-- 头部标题 -->
                    <div class="conten_title">
                        <!-- 标题左侧 -->
                        <div class="conten_title_left">
                            <span>
                                Recent activities
                            </span>
                            <p>
                                近期活动.
                            </p>
                        </div>
                        <div class="conten_title_right">
                            <p>

                            </p>
                        </div>

                    </div>
                    <!-- 内容 -->
                    <div class="home_activity_content">
                        <!-- 顶部内容 -->
                        <div class="home_activity_top">
                            <ul>
                                <li>
                                    <div class="activity_content_box">
                                        <!-- 图片 -->
                                        <div class="activity_content_img">

                                        </div>
                                        <div class="activity_content_text">
                                            <p>2024.03.24</p>
                                            <h5>河南省青少年作家协会理事单位郑州市 冠军中学第七届校园篮球联赛成功举办</h5>
                                            <span>
                                                传承雷锋精神 争做时代新人--河南省青少年作家协会副事长单位郑州市...
                                            </span>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="activity_content_box">
                                        <!-- 图片 -->
                                        <div class="activity_content_img">

                                        </div>
                                        <div class="activity_content_text">
                                            <p>2024.03.24</p>
                                            <h5>河南省青少年作家协会理事单位郑州市 冠军中学第七届校园篮球联赛成功举办</h5>
                                            <span>
                                                传承雷锋精神 争做时代新人--河南省青少年作家协会副事长单位郑州市...
                                            </span>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="activity_content_box">
                                        <!-- 图片 -->
                                        <div class="activity_content_img">

                                        </div>
                                        <div class="activity_content_text">
                                            <p>2024.03.24</p>
                                            <h5>河南省青少年作家协会理事单位郑州市 冠军中学第七届校园篮球联赛成功举办</h5>
                                            <span>
                                                传承雷锋精神 争做时代新人--河南省青少年作家协会副事长单位郑州市...
                                            </span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!--  底部滑块 -->
                        <div class="home_activity_bottom">
                            <div class="swiper_wrapper">
                                <div class="swiper_last">
                                    <img class="swiper_last_bfe" src="./assets/arrow_grey_20_36.jpg" alt="" srcset="">
                                    <img class="swiper_last_che" src="./assets/arrow_blue_20_36_2.jpg" alt="" srcset="">
                                </div>

                                <div class="swiper_slide">
                                    <img src="./assets/s_slide.jpg" alt="" srcset="">
                                </div>

                                <div class="swiper_next">
                                    <img class="swiper_next_bfe" src="./assets/arrow_grey_20_36_2.jpg" alt="" srcset="">
                                    <img class="swiper_next_che" src="./assets/arrow_blue_20_36.jpg" alt="" srcset="">
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 协会简介 -->
            <div class="home_conten">
                <div class=" brief_box">

                    <!-- 内容 -->
                    <div class="home_brief_content">

                        <!-- 头部标题 -->
                        <div class="conten_title">
                            <!-- 标题左侧 -->
                            <div class="conten_title_left">
                                <span>
                                    Association Introduction
                                </span>
                                <p>
                                    协会简介.
                                </p>
                            </div>
                            <div class="conten_title_left">
                                <p>

                                </p>
                            </div>

                        </div>
                        <div class="home_brief_content_img">

                        </div>
                        <div class="home_brief_content_text">
                            <h5>
                                河南省青少年作家协会
                            </h5>
                            <p>
                                协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会简介协会
                            </p>
                        </div>

                    </div>


                </div>
                <!-- 广告 -->
                <div class="home_advert">

                    <div class="advert_title">
                        <div class="advert_title_box">
                            <p>
                                随时、随地、贴心为您提供全方位服务
                            </p>
                            <div class="icon_box">
                                <img class="icon_b" src="./assets/polygon_a.png" alt="" srcset="">
                                <img class="icon_m" src="./assets/polygon_arrow.png" alt="" srcset="">
                            </div>
                        </div>
                        <span>
                            We provide you with comprehensive services anytime, anywhere, and thoughtfully
                        </span>
                    </div>
                </div>
            </div>

            <!-- 会员风采. -->
            <div class="home_conten">
                <div class="home_conten_box">
                    <!-- 头部标题 -->
                    <div class="conten_title">
                        <!-- 标题左侧 -->
                        <div class="conten_title_left">
                            <span>
                                Membership style
                            </span>
                            <p>
                                会员风采.
                            </p>
                        </div>
                        <div class="conten_title_right">
                            <div class="arror_left">
                                <img class="arror_left_bfe" src="./assets/arrow_black22_40_2.jpg" alt="" srcset="">
                                <img class="arror_left_che" src="./assets/arrow_white_2_40_2.png" alt="" srcset="">
                            </div>
                            <div class="arror_right">
                                <img class="arror_right_bfe" src="./assets/arrow_black22_40.jpg" alt="" srcset="">
                                <img class="arror_right_che" src="./assets/arrow_white_2_40.png" alt="" srcset="">
                            </div>
                        </div>

                    </div>
                    <!-- 内容 -->
                    <div class="home_vip_content">
                        <ul>
                            <li>
                                <div class="vip_content_box">

                                </div>

                            </li>
                            <li>
                                <div class="vip_content_box">

                                </div>

                            </li>
                            <li>
                                <div class="vip_content_box">

                                </div>

                            </li>
                            <li>
                                <div class="vip_content_box">

                                </div>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <!-- 协会简介 -->
        <div class="association_profile" style="display: block;">
            <div class="as_profile">
                <div class="as_introduction">
                    <h4>Association Introduction</h4>
                    <h2>协会简介.</h2>
                    <h3>河南省青少年作家协会</h3>
                    <p>协会简介协会简介协会简介协会简介协会简介协会
                        简介协会简介协会简介协会简介协会简介协会简介协会简介协
                        会简介协会简介协会简介协会简介协会简介协会简介协会简介
                        协会简介协会简介协会简介协会简介协会协会简介协会简介协会简
                        介协会简介协会简介协会简介协会简介协会简介协会简介协会简介
                        协会简介协会简介协会简介协会简介协会简介协会简介协会简
                        介协会简介协会简介协会简介协会简介协会简介协会简介协会</p>
                </div>
                <div>

                </div>
            </div>
            <div class="as_leaders_bg">
                <div class="as_leaders">
                    <h4>Association leaders</h4>
                    <h2>协会领导.</h2>
                    <div class="leaders">
                        <div>
                            <img src="" alt="">
                            <h3>某某某</h3>
                            <p>简介:xxxxxxxxX</p>
                        </div>
                        <div>
                            <img src="" alt="">
                            <h3>某某某</h3>
                            <p>简介:xxxxxxxxX</p>
                        </div>
                        <div>
                            <img src="" alt="">
                            <h3>某某某</h3>
                            <p>简介:xxxxxxxxX</p>
                        </div>
                        <div>
                            <img src="" alt="">
                            <h3>某某某</h3>
                            <p>简介:xxxxxxxxX</p>
                        </div>
                        <div>
                            <img src="" alt="">
                            <h3>某某某</h3>
                            <p>简介:xxxxxxxxX</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="as_photo">
                <h3>Company Photo</h3>
                <h2>协会风采.</h2>
                <div class="arrow_photos">
                    <div class="arrow">
                        <span><img src="./assets/left.png" alt=""></span>
                        <span><img src="./assets/right1.png" alt=""></span>
                    </div>
                    <div class="photos">
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </div>

            <div class="as_down">
                <h4>Download Center</h4>
                <h2>入会登记.</h2>
                <div class="word_down">
                    <div class="word_downs">
                        <div class="left_down"><img src="./assets/world.png" alt=""></div>
                        <div class="right_down">
                            <h6>某某某某文件</h6>
                            <p>上传时间：2024.04.02</p>
                            <div class="right_down_icon">
                                <img src="./assets/down.png" alt=""><span>下载</span>
                            </div>

                        </div>
                    </div>

                    <div class="word_downs">
                        <div class="left_down"><img src="./assets/world.png" alt=""></div>
                        <div class="right_down">
                            <h6>某某某某文件</h6>
                            <p>上传时间：2024.04.02</p>
                            <div class="right_down_icon">
                                <img src="./assets/down.png" alt=""><span>下载</span>
                            </div>
                        </div>
                    </div>
                    <div class="word_downs">
                        <div class="left_down"><img src="./assets/world.png" alt=""></div>
                        <div class="right_down">
                            <h6>某某某某文件</h6>
                            <p>上传时间：2024.04.02</p>
                            <div class="right_down_icon">
                                <img src="./assets/down.png" alt=""><span>下载</span>
                            </div>
                        </div>
                    </div>
                    <div class="word_downs">
                        <div class="left_down"><img src="./assets/world.png" alt=""></div>
                        <div class="right_down">
                            <h6>某某某某文件</h6>
                            <p>上传时间：2024.04.02</p>
                            <div class="right_down_icon">
                                <img src="./assets/down.png" alt=""><span>下载</span>
                            </div>
                        </div>
                    </div>
                    <div class="word_downs">
                        <div class="left_down"><img src="./assets/world.png" alt=""></div>
                        <div class="right_down">
                            <h6>某某某某文件</h6>
                            <p>上传时间：2024.04.02</p>
                            <div class="right_down_icon">
                                <img src="./assets/down.png" alt=""><span>下载</span>
                            </div>
                        </div>
                    </div>
                    <div class="word_downs">
                        <div class="left_down"><img src="./assets/world.png" alt=""></div>
                        <div class="right_down">
                            <h6>某某某某文件</h6>
                            <p>上传时间：2024.04.02</p>
                            <div class="right_down_icon">
                                <img src="./assets/down.png" alt=""><span>下载</span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>


        </div>

        <!--协会公告页面-->
        <div class="bulletin_box" style="display: none;">
            <!-- 协会公告列表页面 -->
            <div class="bulletin_list_box" style="display: flex;">

                <div class="bulletin_list">
                    <div class="list_left">
                        <div class="list_tab list_activity check"><span></span>
                            <h3>协会动态</h3>
                        </div>
                        <div class="list_tab list_bulletin"><span></span>
                            <h3>通知通告</h3>
                        </div>
                        <div class="list_tab list_news"><span></span>
                            <h3>行业新闻</h3>
                        </div>
                    </div>
                    <div class="list_right">

                        <h2><span> </span> 协会动态 </h2>
                        <div class="list_right_item" onclick="bulletinCheck('det')">
                            <div class="list_times">
                                <h4>29</h4>
                                <p>2024.3</p>
                            </div>
                            <div class="list_deatils">
                                <h5>文案文案文案文案文案文案文案文案文案</h5>
                                <p>协会简介协会简介协会简介协会简介协会简介协会简
                                    介协会简介协会简介协会简介协会简介协会简介协会简介
                                    协会简介协会简介协会
                                    简介协会简介协会简介协会简介协会简介协会...</p>
                            </div>
                        </div>
                        <div class="list_right_item">
                            <div class="list_times">
                                <h4>29</h4>
                                <p>2024.3</p>
                            </div>
                            <div class="list_deatils">
                                <h5>案文案文案文案文案文案</h5>
                                <p>协会简介协会简介协会简介协会简介协会简介协会简
                                    介协会简介协会简介协会简介协会简介协会简介协会简介
                                    协会简介协会简介协会</p>
                            </div>
                        </div>
                        <div class="list_right_item">
                            <div class="list_times">
                                <h4>29</h4>
                                <p>2024.3</p>
                            </div>
                            <div class="list_deatils">
                                <h5>案文案文案文案文案文案</h5>
                                <p>协会简介协会简介协会简介协会简介协会简介协会简
                                    介协会简介协会简介协会简介协会简介协会简介协会简介
                                    协会简介协会简介协会</p>
                            </div>
                        </div>
                        <div class="list_right_item">
                            <div class="list_times">
                                <h4>29</h4>
                                <p>2024.3</p>
                            </div>
                            <div class="list_deatils">
                                <h5>案文案文案文案文案文案</h5>
                                <p>协会简介协会简介协会简介协会简介协会简介协会简
                                    介协会简介协会简介协会简介协会简介协会简介协会简介
                                    协会简介协会简介协会</p>
                            </div>
                        </div>
                        <div class="list_right_item">
                            <div class="list_times">
                                <h4>29</h4>
                                <p>2024.3</p>
                            </div>
                            <div class="list_deatils">
                                <h5>案文案文案文案文案文案</h5>
                                <p>协会简介协会简介协会简介协会简介协会简介协会简
                                    介协会简介协会简介协会简介协会简介协会简介协会简介
                                    协会简介协会简介协会</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--协会公告详情页面-->
            <div class="bulletin_deatils_box" style="display: none;">
                <div class="bulletin hider">
                    <div class="bulletin_left">
                        <h2>山河 民族团结同心圆 共度元宵心连心</h2>
                        <h6>发表人：吐鲁番市水务集团办公室 发表时间： 2024年2月23日</h6>
                        <hr>
                        <p>文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案文案文
                            文案文案文案文案文案
                            文案文案文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文
                            案文案文案文案文案文案文案文案文案文案文案文案文案文案文案 发表时间： 2024年2月23日</p>
                        <div class="bulletin_img"></div>
                    </div>
                    <div class="bulletin_right">
                        <h3>其他新闻</h3>
                        <hr>
                        <div class="bulletin_right_a">
                            <img src="" alt="">
                            <article>
                                <h6>文案文案文案文案文案文案文案文案</h6>
                                <p>文55案文案文案文案文案文案文案文案文案文案文案
                                    文案文案文案文案文案文案文案文案
                                    文案文案文案文案文案55</p>
                            </article>
                        </div>
                        <div class="bulletin_right_b">
                            <img src="" alt="">
                            <article>
                                <h6>文案文案文案文案文案文案文案文案</h6>
                                <p>文案文案文案文案文案文案文案文案文案文案文案文案文案文案
                                    文案文案文案文案文案文案文案文案文案文案</p>
                            </article>
                        </div>
                        <div class="bulletin_right_c">
                            <img src="" alt="">
                            <article>
                                <h6>文案文案文案文案文案文案文案文案</h6>
                                <p>文案文案文案文案文案文案文案文案
                                    文案文案文案文案文案文案文案文案文案文案
                                    文案文案文案文案文案文案
                                </p>
                            </article>
                        </div>

                    </div>
                </div>

            </div>

        </div>

        <!-- 协会活动页 -->
        <div class="activity_box" style="display: none;width: 100%;">
            <!-- 活动列表页面 -->
            <div class="activity_list" style="display: block;">
                <h2>近期活动</h2>
                <div class="list_content">
                    <div class="list_details" onclick="activityCheck('det')">
                        <div class="div_img"></div>
                        <div>
                            <h6>某某某某某某某某活动</h6>
                            <p>文案文案文案文案文
                                案文案文案文案文案文案文
                                案文案文案文案文案文案案文
                                案文案文案文案文案文案案文案文案文案文案</p>
                        </div>

                    </div>
                    <div class="list_details">
                        <div class="div_img"></div>
                        <div>
                            <h6>某某某某某某某某活动</h6>
                            <p>文案文案文案文案文
                                案文案文案文案文案文案文
                                案文案文案文案文案文案案文
                                案文案文案文案文案文案案文案文案文案文案</p>
                        </div>

                    </div>
                    <div class="list_details">
                        <div class="div_img"></div>
                        <div>
                            <h6>某某某某某某某某活动</h6>
                            <p>文案文案文案文案文
                                案文案文案文案文案文案文
                                案文案文案文案文案文案案文
                                案文案文案文案文案文案案文案文案文案文案</p>
                        </div>

                    </div>
                    <div class="list_details">
                        <div class="div_img"></div>
                        <div>
                            <h6>某某某某某某某某活动</h6>
                            <p>文案文案文案文案文
                                案文案文案文案文案文案文
                                案文案文案文案文案文案案文
                                案文案文案文案文案文案案文案文案文案文案</p>
                        </div>

                    </div>
                    <div class="list_details">
                        <div class="div_img"></div>
                        <div>
                            <h6>某某某某某某某某活动</h6>
                            <p>文案文案文案文案文
                                案文案文案文案文案文案文
                                案文案文案文案文案文案案文
                                案文案文案文案文案文案案文案文案文案文案</p>
                        </div>

                    </div>
                    <div class="list_details">
                        <div class="div_img"></div>
                        <div>
                            <h6>某某某某某某某某活动</h6>
                            <p>文案文案文案文案文
                                案文案文案文案文案文案文
                                案文案文案文案文案文案案文
                                案文案文案文案文案文案案文案文案文案文案</p>
                        </div>

                    </div>
                </div>
                <div class="list_page">
                    <span>首页</span>
                    <div><img src="./assets/arrow_grey_20_36.jpg" alt=""></div>
                    <div>1</div>
                    <div>2</div>
                    <div>3</div>
                    <div>4</div>
                    <div>5</div>
                    <div><img src="./assets/arrow_grey_20_36_2.jpg" alt=""></div>

                    <span>末页</span>
                </div>

            </div>

            <!--活动详情页面-->
            <div class="activity_details" style="display: none;">
                <div class="activity_content" style="width: 62.6%;">
                    <h2 class="activity_h2">某某某某某某某某某某活动</h2>
                    <h6 class="activ_h6">时间：2023.03.30 发布人：河南省青少年作家协会</h6>
                    <hr>
                    <div class="activity_con_img"></div>

                    <p>文案文案文案文案文案文案文案文案文案
                        文案文案文案文案文案文案文案文案文文案
                        文案文案文案文案文案文案文案文案文
                        文案文案文案文案文案文案文案文案文
                        文案文案文案文案文案文案文案文
                        案文案文案文案文案文案文案文案文案文案文
                        案文案文案文案文</p>
                    <div class="activity_button">
                        <button>上一条：某某某某某某某某某某某某某活动</button>
                        <button>下一条：某某某某某某某某某某某某某活动</button>
                    </div>
                </div>
            </div>
        </div>


        <!-- 理事单位 -->
        <div class="governing_units" style="display: none;">
            <h2>理事单位名单.</h2>
            <div class="units_list">
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
                <div>
                    <p>某某某某单位名称</p>
                </div>
            </div>
            <div class="list_page">
                <span>首页</span>
                <div><img src="./assets/arrow_grey_20_36.jpg" alt=""></div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div> <img src="./assets/arrow_grey_20_36_2.jpg" alt=""></div>

                <span>末页</span>
            </div>
        </div>
        <!-- 会员风采 -->
        <div class="vipf" style="display:none;">
            <h2>会员风采. </h2>
            <div class="vip_activity">
                <div>
                    <div class="vip_img">
                        <img src="" alt="">
                    </div>
                    <div class="vip_times">
                        <div class="lines">
                            <span></span>
                            <div>
                            </div>
                        </div>
                        <div class="vip_time">
                            <h6>03-3</h6>
                            <p>2024</p>
                        </div>

                    </div>
                    <div class="activity_deatils">
                        <h3>某某某某某某某某某某活动</h3>
                        <p>文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案</p>
                    </div>
                </div>
                <div>
                    <div class="vip_img">
                        <img src="" alt="">
                    </div>
                    <div class="vip_times">
                        <div class="lines">
                            <span></span>
                            <div>
                            </div>
                        </div>
                        <div class="vip_time">
                            <h6>03-3</h6>
                            <p>2024</p>
                        </div>

                    </div>
                    <div class="activity_deatils">
                        <h3>某某某某某某某某某某活动</h3>
                        <p>文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案</p>
                    </div>
                </div>
                <div>
                    <div class="vip_img">
                        <img src="" alt="">
                    </div>
                    <div class="vip_times">
                        <div class="lines">
                            <span></span>
                            <div>
                            </div>
                        </div>
                        <div class="vip_time">
                            <h6>03-3</h6>
                            <p>2024</p>
                        </div>

                    </div>
                    <div class="activity_deatils">
                        <h3>某某某某某某某某某某活动</h3>
                        <p>文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案</p>
                    </div>
                </div>
                <div>
                    <div class="vip_img">
                        <img src="" alt="">
                    </div>
                    <div class="vip_times">
                        <div class="lines">
                            <span></span>
                            <div>
                            </div>
                        </div>
                        <div class="vip_time">
                            <h6>03-3</h6>
                            <p>2024</p>
                        </div>

                    </div>
                    <div class="activity_deatils">
                        <h3>某某某某某某某某某某活动</h3>
                        <p>文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
                            文案文案文案文案</p>
                    </div>
                </div>
            </div>
            <div class="list_page">
                <span>首页</span>
                <div><img src="./assets/arrow_grey_20_36.jpg" alt=""></div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div> <img src="./assets/arrow_grey_20_36_2.jpg" alt=""></div>

                <span>末页</span>
            </div>
        </div>
        <!-- 在线投稿 -->
        <div class="sub hidden" style="display: none;">
            <h2>填写投稿信息.</h2>
            <p>注：请认真填写表格（带<span style="color: red;">*</span>为必填）。
            </p>
            <p>请留下您的真实姓名、联系电话,以便更好地与您联系！</p>

            <div class="form_box">
                <div class="imput_box imput_boxs">
                    <h4 class="name_label">姓名：</h4>
                    <input class="name_input" type="text" placeholder="填写您的名称:">
                </div>
                <div class="imput_box imput_boxs">
                    <h4 class="tel_label">电话：</h4>
                    <input class="tel_input" type="tel" placeholder="填写您的电话号码:">
                </div>
                <div class="imput_box imput_box_grow">
                    <h4 class="email_label">邮箱：</h4>
                    <input class="email_input" type="email" placeholder="填写您的联系邮箱:">
                </div>
                <div class="imput_box imput_box_grow">
                    <h4 class="address_label">地址：</h4>
                    <input class="address_input" type="text" placeholder="填写您的地址:">
                </div>
                <div class="imput_box textarea_box">
                    <h4>在线留言：</h4>
                    <textarea class="textarea_input" id="textarea" type="text" placeholder="填写您的留言信息:"></textarea>
                </div>
                <div class="imput_box_file">
                    <h4>附件：</h4>
                    <div class="file_input_box">
                        <div class="file_input" type="file">附件上传</div>
                        <input class="" id="att2" type="file">

                    </div>
                    <div class="file_box">
                        <span class="none_file">
                            未选择任何附件
                        </span>

                    </div>
                </div>
                <div class="submit_box">
                    <input type="button" id="sub" value="提交">
                    <input type="button" id="reset" value="重置">
                </div>
            </div>
        </div>
        <!-- 二级下属机构 -->
        <div class="level_two" style="display: none;">
            <h2>下属二级机构.</h2>
            <div>
                <div>
                    <p>某某某某机构名称</p>
                </div>
                <div>
                    <p>某某某某机构名称</p>
                </div>
                <div>
                    <p>某某某某机构名称</p>
                </div>
                <div>
                    <p>某某某某机构名称</p>
                </div>
            </div>

        </div>
        <!-- 404页面 -->
        <div class="undefined_box" style="display: none;">
            <div class="undefined_content">
                <h2>404</h2>
                <p>您访问的页面不存在！</p>
                <p>请点击<a href="index.html">首页</a>返回首页！</p>
            </div>
        </div>

        <!-- 其他章节内容 -->
    </main>
    <div class="totop " onclick="totop()" style="display: block;">
        <img src="https://www.znlygreen.com/template/default/images/back_top.png" alt="" />
    </div>
    <footer>
        <div class="footer_nav">
            <!-- 底部logo -->
            <div class="footer_logo_box">
                <img src="./assets/logo_circular.png" alt="" srcset="">
                <p>HAWA</p>
            </div>

            <!-- 底部菜单 -->
            <div class="footer_nav_list_box">
                <!-- <dl>
                    <dt>协会简介</dt>
                    <dd>协会领导</dd>
                    <dd>协会风采</dd>
                    <dd>入会登记</dd>
                </dl> -->

            </div>

            <!-- 底部二维码+ 联系方式 -->
            <div class="footer_qrif_box">
                <!--  信息 -->
                <dl class="footer_info_box">
                    <dt>联系我们</dt>

                    <dd>电话：0371-56666666</dd>
                    <dd>邮箱：<EMAIL>
                    </dd>
                    <dd>地址：河南省郑州d的发射点发射点士大夫大师傅市中原区</dd>
                </dl>
                <!-- 二维码 -->
                <div class="footer_qrcode_box">
                    <img src="./assets/qrcode.png" alt="" srcset="">
                    <p>微信公众号</p>
                </div>
            </div>

        </div>
        <hr>
        <div class="footer_copy">
            <p>版权信息 &copy; 2023</p>
        </div>



    </footer>
</body>
<script type="text/javascript" src="./js/utils/pxTorem.js"></script>
<script type="text/javascript" src="./reliance/swiper10.3.1/swiper-bundle.min.js"></script>
<!-- <script type="text/javascript" src="./js/utils/flexible.js"></script> -->
<script type="text/javascript" src="./js/utils/totopcomput.js"></script>
<script type="text/javascript" src="./js/utils/util.js"></script>
<script type="text/javascript" src="./js/utils/mySwiper.js"></script>
<script type="text/javascript" src="./js/footer/footer.js"></script>
<script type="text/javascript" src="./js/navManage/navManage.js"></script>
<!-- <script type="text/javascript" src="./js/activity/activity.js"></script> -->
<script type="text/javascript" src="./js/app.js"></script>









</html>